<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
    <meta charset="UTF-8">
    <title>Blog</title>
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/blog.css">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" id="navbar"  role="navigation">
    <div class="container-fluid" id="nav">
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav ">
                <li><a class="navbar-brand">Bank</a></li>
                <li><a class="active" href="/isa">关于我们</a></li>
                <li><a href="/talk">论坛</a></li>
                <li><a href="/blog">博客</a></li>
                <li><a href="/note">通知</a></li>
                <li><a>资源</a></li>
                <li><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >活动<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/activity">招新</a></li>
                        <li><a href="/activity">培训</a></li>
                        <li><a href="/activity">ctf专业队</a></li>
                        <li><a href="/activity">微信挑战赛</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <span class="loginname">你好！<span>{{name}}</span></span>
            </ul>
        </div>
    </div>
</nav>
<section class="head">
    <div class="col-md-8 col-md-offset-2 text-center">
        <span class="alt-font">WELCOME TO ISA BLOG</span>
        <h1>News from the team</h1>
        <hr>
    </div>
</section>
<div class="main" style="background-color: #14CC71">
    {% for blog in blogs %}
    <div class="box">
        <div class="blog">
            <img src="{{blog["image"]}}">
            <div class="text-center">
                <h3>{{blog["title"]}}</h3>
            </div>
            <div>
                <p>{{blog["abstract"]}}</p>
                <p>{{blog["author"]}}<br>{{blog["time"]}}</p>
            </div>
            <a class="more" data-toggle="modal" data-target="#{{blog["time"]}}">READ MORE</a>
            <div class="modal fade" id="{{blog["time"]}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h2 class="text-center modal-title" id="myModalLabel">{{blog["title"]}}</h2>
                        </div>
                        <div class="modal-body">
                            <div class="articleinfo">编辑于{{blog["time"]}} | 浏览：99</div>
                            <p>{{blog["description"]}}</p>
                        </div>
                        <div class="modal-footer">
                            <p>by {{blog["author"]}}</p>
                            <button type="button" class="btn btn-success" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% end %}
</div>
<script src="../static/bootstrap/jquery/jquery.min.js"></script>
<script src="../static/js/blog.js"></script>
<script src="../static/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>